a{
	text-decoration:none;
	color:#07767F;
}
a:hover{
	text-decoration:underline;
}
#container{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background-color:#f9f9f9;
}
#wrap_header{
    width: 100%;
    background-color:#C1B092;
}
#wrap_header #header{
	margin-left: auto;
	margin-right: auto;
	width: 930px;
        padding: 0 10px;
}
/* `Containers
----------------------------------------------------------------------------------------------------*/

.container_user{
	margin-left: auto;
	margin-right: auto;
	width: 910px;
        background: #fff;
        padding: 10px 10px;
}
/* Column
-----------------------------------------------------------------------------------------------------*/
.column_left,
.column_right,
.column_user {
	display: inline;
}
.container_user .column_left{
	width: 180px;
 
        float: left;
}
.container_user .column_right{
	width: 730px;
        float: right;
}
.container_user .column_user{
	width: 860px;
}
/** it display on home only when user login  */
/* main content */

#main-content{
    	width: 530px;
        float: left;
        margin-right: 20px
}
/* main right */
#main-right{
    width: 180px;
    float: left;
    height: 300px;
    background: #ccc;

}
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	padding-left: 0;
}

.omega {
	padding-right: 0;
}
/* backgron color of grid right and left
---------------------------------------------------------------------------------------------------*/

.bg_grid_right{
	background-color:#0EDEEF;
}
.bg_grid_left{
	background-color:#fff;
}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}